<template>
  <div class="bulletBox">
    {{ newData }}
  </div>
</template>

<script>
export default {
  props: {
    bulletBoxData: {
      required: true,
      type: Object,
    }
  },

  data() {
    return {
      newData: [],
    }
  },
  watch: {
    bulletBoxData(val) {
      this.newData = val

      //   this.newData = []
      //   for (let key in val) {
      //     this.newData.push(
      //       {
      //         [key]: val[key],
      //         id: key
      //       }
      //     )
      //   }
      //   console.log(this.newData)
    },

    deep: true,
    immediate: true,
  },
  methods: {

  }
}
</script>

<style scoped>
.bulletBox {
  width: 100%;
  background-color: #ccc;
  box-shadow: #ccc;
  min-height: 220px;
  overflow: hidden;
  z-index: 99;
}
</style>